$h:height;
$w:width;
$bg:background;
$c:color;
$FONT-COLOR:$MAIN_BLUE_COLOR;
$F-Z:font-size;
#login{
    #{$w}:100%;
    #{$h}:100%;
    display: flex;
    #{$bg}:url("../../assets/image/bg1.png") no-repeat right;
    background-size: cover;
    // #{$bg}-size:auto 100%;
    .loginRight{
      height:100%;
      width:50%;
      img{
        height:100%;
        width:100%
      }
    }
    .loginLeft{
      width: 50%
    }
    .logo{
      padding:10px 0 0 10px;
      // width:50%;
      position: relative;
    }
    .content{
        width: 350px;
        padding: 0 40px 0 55px;
        position: absolute;
        left: 63%;
        top: 50%;
        transform: translateY(-50%);
        background-color: #2d2d59;
        .mu-input{
          margin-top:0px;
        }
        .mu-input-label{
          #{$F-Z}: 21px
        }
        button{
          margin-top:25px;
          border-radius: 6px;//添加DIV圆角边框
        }
        .registerButton{
          margin-top: -10px;
        }
          
    }
    .copy{
      padding-left:20px;
      #{$F-Z}:12px;
      position: absolute;
      bottom:30px;
    }
    .mu-checkbox-checked{
      #{$c}:$FONT-COLOR;
    } 
}
/deep/ .el-checkbox__label {
  color: white !important;
}
.iconfont {
  margin-left: 4px;
}

.el-checkbox__input.is-checked .el-checkbox__inner {
  border-color: #6565e6;
  background-color: #6565e6;
}
.el-checkbox__input.is-checked+.el-checkbox__label{
 color: #6565e6; 
}
// @media screen and (max-width: 1538px) {
//   #login{
//     #{$bg}-size:50% 100%;
//     .content{
//       left:15%
//     }
//   }

// }